!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderbolt[Tabs]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderbolt[Tabs]"]=t(require("react")):e["rb_wixui.thunderbolt[Tabs]"]=t(e.React)}("undefined"!=typeof self?self:this,(function(e){return function(){var t={8938:function(e,t,r){var n=r(82016);e.exports=n.create("TabsList2027980309",{classes:{root:"TabsList2027980309__root","focus-ring":"focus2492309068__focus-ring-with-z-index",tabsList:"TabsList2027980309__tabsList",tab:"TabsList2027980309__tab",scrollButton:"TabsList2027980309__scrollButton",label:"TabsList2027980309__label"},vars:{orientation:"--orientation","focus-ring-box-shadow":"--focus-ring-box-shadow"},stVars:{activeIndicatorColor:"color-8",tabsListOrientation:"var(--tabs-list-orientation, horizontal)",tabsListWidth:"var(--tabs-list-width, unset)",tabsListHeight:"var(--tabs-list-height, auto)",tabsListRowGap:"var(--tabs-list-items-row-gap, 0)",tabsListColGap:"var(--tabs-list-items-col-gap, 0)",tabsListAlignContent:"var(--tabs-list-content-alignment, flex-start)",tabsListHorizontalPadding:"var(--tabs-list-horizontal-padding, 20px)",tabsListVerticalPadding:"var(--tabs-list-vertical-padding, 20px)",tabsListFlexGrow:"var(--tabs-list-item-flex-grow, 0)",tabsListItemBorderWidth:"var(--tabs-list-item-border-width, 0)",tabsFirstChildMarginStart:"var(--tabs-list-first-child-margin-start, 0)",tabsLastChildMarginEnd:"var(--tabs-list-last-child-margin-end, 0)",tabsListJustifyContent:"var(--tabs-list-justify-content, normal)",tabsListOverflowX:"var(--tabs-list-overflow-x, visible)",tabsListOverflowY:"var(--tabs-list-overflow-y, visible)",tabsListFlexWrap:"var(--tabs-list-flex-wrap, nowrap)",tabsListDirection:"var(--tabs-list-direction, initial)",tabsListBackButtonInlineEnd:"var(--tabs-list-back-button-inline-end, unset)",tabsListForwardButtonInlineStart:"var(--tabs-list-forward-button-inline-start, unset)",tabsListBackButtonBlockEnd:"var(--tabs-list-back-button-block-end, unset)",tabsListForwardButtonBlockStart:"var(--tabs-list-forward-button-block-start, unset)",tabsListFlexDirection:"var(--tabs-list-flex-direction, row)",tabsListPosition:"var(--tabs-list-position, relative)",tabLabelOverflow:"var(--tab-label-overflow, unset)",tabLabelTextOverflow:"var(--tab-label-text-overflow, unset)"},keyframes:{},layers:{}},"",-1,e.id)},16890:function(e,t,r){var n=r(82016);e.exports=n.create("TabsScrollButton1157534303",{classes:{root:"TabsScrollButton1157534303__root",icon:"TabsScrollButton1157534303__icon"},vars:{},stVars:{tabsListScrollButtonsDisplay:"var(--tabs-list-scroll-buttons-display, flex)",tabsListScrollButtonsTransform:"var(--tabs-list-scroll-buttons-transform, scaleX(1))",tabsListScrollIconsTransform:"var(--tabs-list-scroll-icons-transform, rotate(0))"},keyframes:{},layers:{}},"",-1,e.id)},82499:function(e,t,r){var n=r(82016);e.exports=n.create("Tabscomponent1176390459",{classes:{root:"Tabscomponent1176390459__root",tabsList:"Tabscomponent1176390459__tabsList",multiStateBoxWrapper:"Tabscomponent1176390459__multiStateBoxWrapper",tabPanelWrapper:"Tabscomponent1176390459__tabPanelWrapper",animationWrapper:"Tabscomponent1176390459__animationWrapper"},vars:{display:"--display"},stVars:{tabsListContainerGap:"var(--tabs-list-container-gap, 0)",tabsPosition:"var(--tabs-position, unset)",tabsPaddingLeft:"var(--tabs-padding-left, 0)",tabsPaddingRight:"var(--tabs-padding-right, 0)",tabsContainerFlexDirection:"var(--tabs-container-flex-direction, column)",multiStateWrapperWidth:"var(--multi-state-wrapper-width, 100%)"},keyframes:{fadeIn:"fadeIn",fadeOut:"fadeOut",floatFromTop:"floatFromTop",floatFromBottom:"floatFromBottom"},layers:{}},"",-1,e.id)},82016:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.createRenderable=t.create=void 0;t.create=function(e,t,r,n,a,s){const o={namespace:e,classes:t.classes,keyframes:t.keyframes,layers:t.layers,vars:t.vars,stVars:t.stVars,cssStates:function(e){const t=[];for(const r in e){const n=l(r,e[r]);n&&t.push(n)}return t.join(" ")},style:i,st:i,$id:a,$depth:n,$css:r};function l(t,r){if(!1===r||null==r||r!=r)return"";if(!0===r)return function(t){return`${e}--${t}`}(t);return function(t,r){return`${e}---${t}-${r.length}-${r.replace(/\s/gm,"_")}`}(t,r.toString())}function i(){const e=[];for(let t=0;t<arguments.length;t++){const r=arguments[t];if(r)if("string"==typeof r)e[e.length]=r;else if(1===t)for(const t in r){const n=l(t,r[t]);n&&(e[e.length]=n)}}return e.join(" ")}return s&&s.register(o),o},t.createRenderable=function(e,t,r){return{$css:e,$depth:t,$id:r,$theme:!0}}},5329:function(t){"use strict";t.exports=e},448:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},e.exports.__esModule=!0,e.exports.default=e.exports,t.apply(null,arguments)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports}},r={};function n(e){var a=r[e];if(void 0!==a)return a.exports;var s=r[e]={id:e,exports:{}};return t[e](s,s.exports,n),s.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return function(){"use strict";n.r(a),n.d(a,{components:function(){return Ce}});var e=n(448),t=n.n(e),r=n(5329),s=n.n(r);const o=13,l=32,i=27,c=37,u=38,d=39,f=40;function b(e){return t=>{t.keyCode===e&&(t.preventDefault(),t.stopPropagation(),t.currentTarget.click())}}b(l),b(o),b(i);const m=["aria-id","aria-metadata","aria-type"],p=(e,t)=>Object.entries(e).reduce(((e,[r,n])=>(t.includes(r)||(e[r]=n),e)),{}),v=(e={})=>{const t=e.tabIndex??e.tabindex??void 0;return void 0!==t?{tabIndex:Number(t)}:{}},h=e=>{const{role:t,tabIndex:r,tabindex:n,screenReader:a,lang:s,ariaAttributes:o={}}=e,l=Object.entries(o).reduce(((e,[t,r])=>({...e,[`aria-${t}`.toLowerCase()]:r})),{});return{role:t,tabIndex:r??n,screenReader:a,ariaAttributes:p(l,m),lang:s}},g="wixui-",L=(e,...t)=>{const r=[];return e&&r.push(`${g}${e}`),t.forEach((e=>{e&&(r.push(`${g}${e}`),r.push(e))})),r.join(" ")},C=(e,t=0,{leading:r=!1,trailing:n=!0}={})=>{let a=null;return function(...s){r&&null===a&&e.apply(this,s),a&&clearTimeout(a),a=n&&r&&!a?setTimeout((()=>{a=null}),t):setTimeout((()=>{n&&e.apply(this,s),a=null}),t)}},y=e=>Object.entries(e).reduce(((e,[t,r])=>(t.includes("data-")&&(e[t]=r),e)),{});const x=(e,t)=>{const n=(0,r.useRef)(!0);(0,r.useEffect)((()=>{n.current||e(),n.current=!1}),t)},T="enter-active",I="enter-done",k="exit-active",w="exit-done",E=(e,t)=>({phase:e,isVisible:R(e),duration:t?.()}),R=e=>e!==w,_=({elementIds:e,currentElementId:t,setCurrentElementId:n,getAnimationDuration:a})=>{const s=e=>E(e,a),o=(0,r.useRef)(t),l=(0,r.useRef)(null),i=(0,r.useRef)(null),c=(0,r.useRef)(null),[u,d]=(0,r.useState)(((e,t)=>e.reduce(((e,r)=>{const n=r===t?I:w;return{...e,[r]:E(n)}}),{}))(e,t)),f=e=>{l.current=e,c.current||(c.current=o.current,d((e=>({...e,[c.current]:s(k)}))),setTimeout(m,a()))},b=(0,r.useRef)(C(f,400,{leading:!0,trailing:!0})),m=()=>{const e={};(()=>{const t=c.current;e[t]=s(w),c.current=null})(),(()=>{const t=l.current;i.current=t,o.current=t,n(t),e[t]=s(T),l.current=null,setTimeout(p,a())})(),d((t=>({...t,...e})))},p=()=>{const e=i.current;d((t=>({...t,[e]:s(I)}))),i.current=null;const t=l.current;t&&f(t)};return x((()=>{t!==o.current&&f(t)}),[t]),[u,b.current]},N=e=>{let{children:t,id:r}=e;return s().createElement("span",{style:{display:"none"},id:r},t)},S=e=>{let{children:t,getStateId:n,selectedStateId:a,onChange:o,shouldRenderAllTabs:l=!1,wrap:i=e=>e}=e;const[c,u]=(0,r.useState)([]);((e,t)=>{const n=(0,r.useRef)(!0);(0,r.useEffect)((()=>{n.current||e(),n.current=!1}),t)})((()=>{null==o||o({type:"change"}),l||c.includes(a)||u([...c,a])}),[a]);const d=s().Children.toArray("function"==typeof t?t():t);if(l)return d.map(i);const f=d.filter((e=>{if(!s().isValidElement(e))return!1;const t=n(e);return a===t||c.includes(t)}));return f.length?f.map((e=>a===n(e)?i(e):s().createElement(N,{id:e.props.id},i(e)))):d.slice(0,1).map(i)};let B=function(e){return e.None="none",e.Float="float",e.CrossFade="crossFade",e}({});const M="tab-item",A="tab-item-label",P="ForwardScrollBtn",W="BackwardScrollBtn",O="TabsListWrapper",D="ActiveTabItem",F="TabPanel";let j=function(e){return e.DURATION="--tab-animation-duration",e.ENTER="--tab-enter-animation-name",e.EXIT="--tab-exit-animation-name",e}({});var $={root:"tabs",menuContainer:"tabs__menu-container",tabContainer:"tabs__container",scrollButton:"tabs__scroll-button",menuItem:"tabs__item"};function V(e){var t,r,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=V(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}var H=function(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=V(e))&&(n&&(n+=" "),n+=t);return n},K="J6KGih";var z={root:"repeater",repeaterItem:"repeater__item"},U="rM7ckN",G="YJEKQk",q="InKIFF",J="YAf4Ti";const X=(e,n)=>{var a;const{id:s,className:o,containerRootClassName:l="",customClassNames:i=[],children:c,role:u,onClick:d,onKeyPress:f,onDblClick:b,onFocus:h,onBlur:g,onMouseEnter:C,onMouseLeave:x,hasPlatformClickHandler:T,translations:I,a11y:k={},ariaAttributes:w={},tabIndex:E,isRepeaterItem:R=!1,observeChildListChange:_,containerProps:N,shouldUseContainerLayoutClass:S,lang:B}=e,{"aria-label-interactions":M,tabindex:A,...P}=k;M&&(P["aria-label"]=(null==I?void 0:I.ariaLabel)||"Interactive element, focus to trigger content change");const W=r.useRef(null);r.useImperativeHandle(n,(()=>({focus:()=>{var e;null==(e=W.current)||e.focus()},blur:()=>{var e;null==(e=W.current)||e.blur()}})));const O=()=>R?z.repeaterItem:e.semanticClassNames?e.semanticClassNames.root:"";return r.useEffect((()=>{_&&null!=W&&W.current&&_(s,W.current)}),[]),r.createElement("div",t()({id:s},y(e),{ref:W},P,{lang:B},(({role:e,tabIndex:t,tabindex:r,...n}={})=>{const a=Object.entries(n).reduce(((e,[t,r])=>({...e,[`aria-${t}`.toLowerCase()]:r})),{role:e,tabIndex:t??r});return Object.keys(a).forEach((e=>{void 0!==a[e]&&null!==a[e]||delete a[e]})),p(a,m)})({...w,role:null!=(a=P.role)?a:u}),v({tabIndex:E,tabindex:A}),{className:H(U,G,l,o,{[K]:T},L(O(),...i)),onDoubleClick:b,onClick:d,onKeyDown:e=>{f&&(" "===e.key&&e.preventDefault(),f(e))},onFocus:h,onBlur:g,onMouseEnter:C,onMouseLeave:x,dir:"ltr"}),r.createElement("div",{className:H(J,q,L(O(),...i),{[N.containerLayoutClassName]:S})}),c())};var Y=r.forwardRef(X);var Z=n(8938);const Q=(e,t)=>{const{label:n,id:a,isActive:s,idx:o,addRef:l,onClick:i}=e,c=r.useRef(null);return r.useEffect((()=>l(c,o,s)),[l,o,s]),r.createElement("div",{className:(0,Z.st)(Z.classes.tab,{current:s},"has-custom-focus",L($.menuItem)),id:"tab-"+a,"data-hook":M,"data-testid":s&&D,"data-idx":o,onClick:i,ref:t||c,role:"tab",tabIndex:s?0:-1,"aria-selected":s,"aria-controls":a},r.createElement("span",{className:Z.classes.label,"data-hook":A},n))};var ee=r.forwardRef(Q);const te=({size:e,...t})=>r.createElement("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:e||"24",height:e||"24",...t},r.createElement("path",{fillRule:"evenodd",d:"M15.0729595,5 L15.7800663,5.70710678 L9.41020654,12.074 L15.7800663,18.4363861 L15.0729595,19.1434929 L7.99920654,12.077895 L8.00220654,12.074 L8,12.0717464 L15.0729595,5 Z"}));te.displayName="ChevronLeft";var re=te;const ne=({size:e,...t})=>r.createElement("svg",{viewBox:"0 0 24 24",fill:"currentColor",width:e||"24",height:e||"24",...t},r.createElement("path",{fillRule:"evenodd",d:"M8.70710678,4.99810828 L15.068,11.3651083 L15.0722115,11.3620693 L15.7793183,12.0691761 L15.776,12.0721083 L15.7782433,12.0758831 L15.0711365,12.7829899 L15.069,12.7801083 L8.70710678,19.1434929 L8,18.4363861 L14.361,12.0721083 L8,5.70521506 L8.70710678,4.99810828 Z"}));ne.displayName="ChevronRight";var ae=ne,se=n(16890);const oe=r.forwardRef(((e,t)=>{let{isVisible:n=!1,onClick:a,className:s,dataHook:o,Icon:l}=e;return r.createElement("div",{className:(0,se.st)(se.classes.root,{isVisible:n},s,L($.scrollButton)),onClick:a,"data-hook":o,ref:t,"aria-hidden":!0},r.createElement(l,{className:se.classes.icon}))})),le=r.forwardRef(((e,n)=>r.createElement(oe,t()({},e,{Icon:re,ref:n})))),ie=r.forwardRef(((e,n)=>r.createElement(oe,t()({},e,{Icon:ae,ref:n}))));const ce=e=>(1+Math.sin(Math.PI*e-Math.PI/2))/2;var ue=function(e){return e[e.FORWARD=1]="FORWARD",e[e.BACKWARD=-1]="BACKWARD",e}(ue||{});const de=function(e,t,r){return void 0===e&&(e=0),void 0===t&&(t=0),void 0===r&&(r=0),Math.max(Math.min(e,r),t)};var fe=e=>{let{currentTabId:n,tabItems:a,onTabItemClick:i,className:b,activeMenuItemRef:m,a11y:p}=e;const[v,h]=(0,r.useState)(n),[g,y]=(0,r.useState)(!1),[T,I]=(0,r.useState)(!1);x((()=>{n!==v&&h(n)}),[n]);const k=(0,r.useRef)(null),w=(0,r.useRef)(null),E={},R=(e,t,r)=>{e&&m&&(E[t]=r?m:e)},_=()=>{if(!k.current)return!0;return"horizontal"===getComputedStyle(k.current).getPropertyValue("--orientation")},N=()=>{if(null==m||!m.current||!k.current)return!1;const e=m.current,t=k.current,r=_()?e.offsetLeft:e.offsetTop,n=_()?e.offsetLeft+e.offsetWidth:e.offsetTop+e.offsetHeight,a=_()?t.scrollLeft:t.scrollTop;return(_()?t.scrollLeft+t.offsetWidth:t.scrollTop+t.offsetHeight)>=n&&a<=r},S=()=>{if(!k.current)return!1;return"rtl"===getComputedStyle(k.current).direction};(0,r.useEffect)((()=>{if(w.current&&"none"!==getComputedStyle(w.current).display){var e,t,r;if(N())M(0);else null==(e=k.current)||null==e.scrollTo||e.scrollTo({left:null==m||null==(t=m.current)?void 0:t.offsetLeft,top:null==m||null==(r=m.current)?void 0:r.offsetTop})}}),[a]),x((()=>{var e,t,r;N()||(null==(e=k.current)||null==e.scrollTo||e.scrollTo({left:null==m||null==(t=m.current)?void 0:t.offsetLeft,top:null==m||null==(r=m.current)?void 0:r.offsetTop,behavior:"smooth"}))}),[n]);const B=()=>{if(!k.current)return{max:0,min:0};const{scrollWidth:e,offsetWidth:t,scrollHeight:r,offsetHeight:n}=k.current;return{max:Math.abs(_()?e-t:r-n),min:0}},M=e=>{const{min:t,max:r}=B(),n=(()=>{if(!k.current)return 0;const{offsetWidth:e,offsetHeight:t}=k.current;return(_()?e:t)/50})(),a=e+n<r;y(e>t+n),I(a)},A=e=>{if(!k.current)return;const t=S(),r=_(),{min:n,max:a}=B(),{scrollLeft:s,clientWidth:o,scrollTop:l,clientHeight:i}=k.current,c=r&&t?-1:1,u=r?Math.abs(s)+e*(o/2):Math.abs(l)+e*(i/2);!function(e){let{propToAnimate:t,element:r,moveTo:n,duration:a=700}=e;const s=ce,o=r[t];let l,i=null;const c=new Promise((e=>{l=e}));let u=null;const d=e=>{null===i&&(i=e);const c=Math.min(1,(e-i)/a);r[t]=o+s(c)*(n-o),1===c?(i=null,l()):u=requestAnimationFrame(d)};o!==n&&(u=requestAnimationFrame(d))}({propToAnimate:r?"scrollLeft":"scrollTop",element:k.current,moveTo:c*de(u,n,a),duration:400})},D=(0,r.useCallback)(C(M,100),[]),F=(0,r.useCallback)(C((()=>{var e,t;return M(null!=(e=null==(t=k.current)?void 0:t.scrollLeft)?e:0)}),100),[]);(({callback:e,ref:t,elem:n})=>{(0,r.useEffect)((()=>{const r=new ResizeObserver(e);return t?.current&&r.observe(t.current),n&&r.observe(n),()=>{r.disconnect()}}),[t,n,e])})({ref:k,callback:F});return s().createElement("div",{className:(0,Z.st)(Z.classes.root,b,L($.menuContainer))},s().createElement(le,{isVisible:g,onClick:()=>{A(ue.BACKWARD)},dataHook:W,className:Z.classes.scrollButton,ref:w}),s().createElement("div",t()({className:Z.classes.tabsList,ref:k,"data-hook":O,onScroll:e=>{const{scrollLeft:t,scrollTop:r}=e.currentTarget;D(Math.abs(_()?t:r))},role:"tablist",onKeyDown:e=>{const t=S(),r=_(),n=e.target,a=Number(n.getAttribute("data-idx")),s=e=>{const t=a+e;var r;E[t]&&(null==(r=E[t].current)||r.focus(),((e,t)=>{if(k.current){const{scrollWidth:r,clientWidth:n,scrollLeft:a}=k.current,s=Object.keys(E).map(((e,t)=>E[t]));1===e?(s.slice(0,t+1).reduce(((e,t)=>{var r;return e+((null==(r=t.current)?void 0:r.offsetWidth)||0)}),0)-a)/n>1&&A(e):(s.slice(t,s.length).reduce(((e,t)=>{var r;return e+((null==(r=t.current)?void 0:r.offsetWidth)||0)}),0)-(r-n-a))/n>1&&A(e)}})(e,t))};switch(e.keyCode){case d:case f:return e.preventDefault(),s(t&&r?-1:1);case c:case u:return e.preventDefault(),s(t&&r?1:-1);case o:case l:e.preventDefault(),n.click()}}},p),null==a?void 0:a.map(((e,r)=>{const n=(a=e.tabId,v===a);var a;return s().createElement(ee,t()({},e,{isActive:n,key:e.label+"-"+r,onClick:()=>{i(e.tabId,e.id),h(e.tabId)},ref:n?m:void 0,idx:r,addRef:R}))}))),s().createElement("div",{className:Z.classes.border}),s().createElement(ie,{isVisible:T,onClick:()=>{A(ue.FORWARD)},dataHook:P,className:Z.classes.scrollButton}))},be=n(82499);var me=e=>{var t;let{tabElement:r,currentTabRef:n,animationState:a}=e;const o=null==(t=r.props)?void 0:t.id;return s().createElement("div",{className:(0,be.st)(be.classes.animationWrapper,{phase:null==a?void 0:a.phase})},s().createElement("div",{"aria-hidden":!(null!=a&&a.isVisible),className:(0,be.st)(be.classes.tabPanelWrapper,{isVisible:null==a?void 0:a.isVisible,phase:null==a?void 0:a.phase}),ref:n,tabIndex:-1,role:"tabpanel","aria-labelledby":"tab-"+o,key:o,"data-hook":F},r))};const pe=e=>({containerLayoutClassName:e+"-container",overlowWrapperClassName:e+"-overflow-wrapper",hasOverflow:!0}),ve=(e,t)=>{var r;const n=e.find((e=>e.id===t.props.id));return null!=(r=null==n?void 0:n.tabId)?r:""},he=(e,n)=>{const{id:a,currentTabId:o,tabItems:l,className:c,customClassNames:u=[],stylableClassName:d,children:f,setCurrentTabId:b,onTabItemClicked:m,onChange:p,onClick:g,onDblClick:C,onMouseEnter:x,onMouseLeave:T,hasResponsiveLayout:I,containerProps:k,containerRootClassName:w,observeChildListChange:E,a11y:R={},ariaAttributes:N={},tabIndex:M,reducedMotion:A}=e,P=l.map((e=>e.tabId)),W=e=>{const t=document.getElementById(a);return null!=t?getComputedStyle(t).getPropertyValue(e):null},[O,D]=_({elementIds:P,currentElementId:o,setCurrentElementId:b,getAnimationDuration:()=>{const e=W(j.DURATION),t=W(j.ENTER)!==B.None&&!0!==A;return e&&t?1e3*parseFloat(e):0}}),F={onClick:g,onDoubleClick:C,onMouseEnter:x,onMouseLeave:T};(0,r.useImperativeHandle)(n,(()=>({setCurrentTabId:b})));const V=(0,r.useRef)({}),H=h({ariaAttributes:{...R,...N}}),K=v({tabIndex:M,tabindex:null==R?void 0:R.tabindex}),z=S({children:f,getStateId:e=>ve(l,e),selectedStateId:o,onChange:p,shouldRenderAllTabs:!0,wrap:e=>{const t=ve(l,e);return me({containerId:a,tabElement:e,currentTabRef:t=>{V.current[ve(l,e)]=t},animationState:O[t]})}}),U=(0,r.useRef)(null),G=(0,r.useRef)(null);s().useEffect((()=>{E&&null!=G&&G.current&&E(a,G.current)}),[]);const q=s().createElement("div",{className:(0,be.st)(be.classes.root,d,L($.root,...u))},s().createElement(fe,{className:be.classes.tabsList,currentTabId:o,tabItems:l,onTabItemClick:(e,t)=>{D(e),null==m||m({type:"OnTabItemClicked",tabId:t})},activeMenuItemRef:U,a11y:{...H.ariaAttributes,...K}}),s().createElement("div",{className:(0,be.st)(be.classes.multiStateBoxWrapper,L($.tabContainer)),onKeyDown:e=>{var t;e.keyCode===i&&(null==(t=U.current)||t.focus({preventScroll:!0}))},ref:G},z));return I?s().createElement(Y,t()({},y(e),F,{className:c,hasPlatformClickHandler:!1,containerRootClassName:w,containerProps:k||pe(a),id:a,shouldUseContainerLayoutClass:!0}),(()=>q)):s().createElement("div",t()({},y(e),F,{className:c,id:a}),q)};const ge=e=>e.replace(/([A-Z])/g,(e=>`-${e.toLowerCase()}`));var Le;const Ce={Tabs:{component:s().forwardRef(he),controller:(Le=e=>{let{mapperProps:t,stateValues:r,controllerUtils:n}=e;return{...t,setCurrentTabId:e=>{n.updateProps({currentTabId:e})},reducedMotion:r.reducedMotion,observeChildListChange:t.isMasterPage?r.observeChildListChangeMaster:r.observeChildListChange}},{useComponentProps:(e,t,r)=>{const n=(e=>({...e,updateStyles:t=>{const r=Object.entries(t).reduce(((e,[t,r])=>{return{...e,[(n=t,n.startsWith("--")?t:ge(t))]:void 0===r?null:r};var n}),{});e.updateStyles(r)}}))(r);return Le({mapperProps:e,stateValues:t,controllerUtils:n})}})}}}(),a}()}));
//# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderbolt/rb_wixui.thunderbolt[Tabs].9a7c8c78.bundle.min.js.map